<section class="container main">
  <header class="main-title">
    <header><h1><a href="./"><span>C</span><span>O</span><span>D</span><span>E</span><span>L</span><span>F</span></a></h1></header>
    <h5>Search over projects from GitHub, Bitbucket, GitLab to find </h5>
    <h5><span class="label">real-world usage</span> <span class="label">variable names</span></h5>
  </header>
  <section class="row search-form">
    <div class="col-xs-12">
      <div class="input-group">
        <div class="input-group-btn">
          <button type="button" class="btn btn-secondary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          </button>
          <div class="dropdown-menu">
            <div class="dropdown-item all">
              All 90 Languages (Reset)
            </div>
            <div role="separator" class="dropdown-divider"></div>
            <script type="text/html">
              <div class="dropdown-item">
                <label class="c-input c-checkbox">
                  <input type="checkbox" value="{id}" {checked}>
                  <span class="c-indicator"></span>
                  {language}
                </label>
              </div>
            </script>
          </div>
        </div>
        <form action="javascript:void(0);">
        <input type="search" name="search" class="form-control" placeholder="AI 人工智能">
        </form>
        <span class="input-group-btn">
          <button class="btn btn-secondary search" type="button" data-toggle="tooltip" data-placement="left" data-trigger="manual" title="Click here to show more">
            <i class="fa fa-search normal"></i>
            <i class="fa fa-search-plus more"></i>
          </button>
          <a class="btn btn-secondary hidden-sm-down help" href="https://github.com/unbug/codelf/wiki" target="_blank"><i class="fa fa-question-circle"></i></a>
        </span>
      </div>
      <section class="plugins text-muted">
        <i class="fa fa-plug"></i>&nbsp;For
        <a class="text-muted" href="https://github.com/unbug/codelf#codelf-for-vs-code" target="_blank">VS Code</a>,
        <a class="text-muted" href="https://atom.io/packages/codelf" target="_blank">Atom</a>,
        <a class="text-muted" href="https://github.com/unbug/codelf#codelf-for-sublime-text" target="_blank">Sublime Text</a>,
        <a class="text-muted" href="https://chrome.google.com/webstore/detail/codelf-best-github-stars/jnmjaglhmmcplekpfnblniiammmdpaan" target="_blank">Chrome</a>
      </section>
    </div>
  </section>
  <section class="row search-relate">
    <div class="col-xs-12 bd">
      <script type="text/html">
        <a class="label label-primary" href="#{val}">{val}</a>
      </script>
    </div>
  </section>
  <section class="row search-result">
    <div class="col-xs-12">
      <div class="jumbotron ct ct--white" role="alert">
        <header class="hd">
          <div class="loading">
            <div class="logo"><img class="spinner" src="resources/images/codelf_logo.png"></div>
          </div>
          <div class="error">
            <div class="logo"><a href="./"><img src="resources/images/codelf_logo.png"></a></div>
            <div class="text-default">Nothing found, please come back later, or try <span class="label label-default">Suggestions</span> :)</div>
          </div>
        </header>
        <section class="bd">
          <blockquote class="blockquote">
          <img src="resources/images/twohardtings.jpg">
        </blockquote>
          <script type="text/html">
            <h5 class="variable-wrap" data-id="{id}" data-repo="{repo}" data-val="{val}"><span class="btn btn-{label_type}-outline btn-sm" title="{val}">{val}</span></h5>
          </script>
        </section>
      </div>
    </div>
  </section>
</section>
<section class="notice-link">
  <a class="animated fadeIn" href="https://www.gitbook.com/book/unbug/react-native-training/details" target="_blank"><i class="fa fa-video-camera" aria-hidden="true"></i> [开源] React Native 开发培训资料和视频</a>
  <a class="animated fadeIn" href="//mihtool.com/" target="_blank"><i class="fa fa-code" aria-hidden="true"></i> [MIHTool] iOS 上调试和优化页面的工具</a>
  <a class="animated fadeIn" href="https://github.com/unbug/snts" target="_blank"><i class="fa fa-heart" aria-hidden="true"></i> SAY NO TO SUICIDE PUBLIC LICENSE</a>
  <a class="animated fadeIn" href="https://www.wasmrocks.com/" target="_blank"><i class="fa fa-hand-rock-o" aria-hidden="true"></i> WebAssembly Rocks</a>
</section>
<script type="text/html" template="variableMenu">
  <div class="btn-group-vertical variable-btns" role="group">
    <button type="button" class="btn btn-secondary"><a href="#{val}">Search</a></button>
    <button type="button" class="btn btn-secondary"><a href="{repo}" target="_blank">Repo</a></button>
    <button type="button" class="btn btn-secondary variable-btns__copy" data-clipboard-text="{val}">Copy</button>
    <button type="button" class="btn btn-secondary variable-btns__code" data-id="{id}" data-val="{val}">Codes <span class="label label-danger label-pill">{count}</span></button>
  </div>
</script>
